<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="./vue.min.js"></script>
</head>
<body>
<div id="app">
	<!-- <child message="hello!"></child> -->
	<child some-text='hello'></child>
    <br>
    <child v-bind:some-text='message'> </child>
</div>

<script>
// 注册
Vue.component('child', {
  // 声明 props
  /*props: ['message'],
  // 同样也可以在 vm 实例中像 “this.message” 这样使用
  template: '<span>{{ message }}</span>'*/
  template:'<div>{{someText}}</div>',
  props:['someText']
})
// 创建根实例
new Vue({
  el: '#app',
  /*components:{
    'my-component':Child
  },*/
  data:{
    message:"你好"
  }
})
</script>
</body>
</html>